<template>
    <div>
   
        
  <div>
    <div
      class="ud-app-loader ud-component--header-v6--header udlite-header"
      data-module-id="common/udlite/desktop"
      data-module-args='{"isInstructorSignupEnabled":false,"isLoggedIn":false,"tryUFBPlacements":{"bar":"ufb_header","profile":"account-menu","mobile":"ufb_header"},"mobileAppLink":{"url":"/mobile/"},"searchPhrase":null}'
      data-module-priority="-10"
    >
      <div data-unique-id="339" style="display: none"></div>

      <div
        class="udlite-text-sm header--header--3sK1h header--flex-middle--2Xqjv"
        data-purpose="header"
      >
        <div class="skip-to-content-button--skip-to-content--1MoIi">
          <button
            type="button"
            class="udlite-btn udlite-btn-large udlite-btn-primary udlite-heading-md skip-to-content-button--skip-to-content-btn--3Uakj"
          >
            <span
              aria-hidden="true"
              class="skip-to-content-button--skip-to-content-shadow--eBW6V"
            ></span
            ><span style="margin: 0">跳转至目录</span>
          </button>
        </div>
        <a href="/" class="header--flex-middle--2Xqjv header--logo--bdAod"
          ><img
            src="../assets/static/picture/logo-coral.svg"
            alt="Udemy"
            width="110"
            height="32"
        /></a>
        <nav
          class="header--gap-button--3bIww popper--popper--19faV popper--popper-hover--4YJ5J"
        >
          <span class="udlite-text-sm header--dropdown-button-text--2jtIM"
            >类别</span
          >
        </nav>

        <div
          class="udlite-search-form-autocomplete header--search-bar--1_mS0 udlite-form-group"
        >
          <label
            class="udlite-sr-only udlite-form-label udlite-heading-sm"
            for="u339-search-form-autocomplete--3"
            >搜索任何内容</label
          >

          <input
            placeholder="搜索任何内容"
            name="q"
            autoComplete="off"
            value=""
            id="u339-search-form-autocomplete--3"
            class="udlite-text-input udlite-text-input-small udlite-text-sm udlite-search-form-autocomplete-input js-header-search-field"
          />
        </div>


        <div v-if = "username !=''">欢迎您：{{username}}  
      <van-button>注销</van-button>
      </div>

      <div v-else> <router-link to='/denglu'>登录</router-link>/
      <router-link to='/zhuce'>注册</router-link>
      </div>


    

        <div style="flex: 1"></div>
      </div>
    </div>

    <div
      class="ud-app-loader ud-component--ui-feedback--ui-feedback"
      data-module-id="common/udlite/desktop"
      data-module-args='{"uiMessages":[]}'
      data-module-priority="-10"
    ></div>
    <div class="main-content">
      <div class="ud-component--logged-out-home--billboard">
        <div data-unique-id="340" style="display: none"></div>
        <div data-purpose="billboard" class="billboard--billboard--3-fQr">
        </div>
      </div>
    </div>        
    <div>
         <van-cell-group>
        <van-uploader :after-read="afterRead"></van-uploader>
    
        </van-cell-group>

        <van-cell-group>
       <van-image round width="10rem" heigh='10rem' src='http://127.0.0.1:8000/static/upload/adv01.jpg'></van-image>
        
        </van-cell-group>
    </div>

    </div>


    </div>
</template>

<script>
import axios from 'axios'
export default {
    data() {
        return {
            username:''

        }
    },
    methods: {
        afterRead(file){
            let data = new FormData();
            data.append('file',file.file);
            const axiosInstance = this.axios.create({withCredential:false})

            axiosInstance({method:'post',url:'http://127.0.0.1:8000/upload/',data:data}).then(res=>{
                console.log(res);
            })

        }

    },
    created() {

    }
}
</script>

<style scoped>

</style>
